<template>
  <div class="tab">
    <mt-header title="新建申请" >
      <router-link to="/" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
      <mt-button icon="more" slot="right"></mt-button>
    </mt-header>
    <mt-navbar v-model="selectedTab">
      <mt-tab-item id="common">常用</mt-tab-item>
      <mt-tab-item id="member">成员</mt-tab-item>
      <mt-tab-item id="tag">标签</mt-tab-item>
    </mt-navbar>

    <!-- tab-container -->
    <mt-tab-container v-model="selectedTab">
      <mt-tab-container-item id="common">
        <common></common>
      </mt-tab-container-item>
      <mt-tab-container-item id="member">
        <member></member>
      </mt-tab-container-item>
      <mt-tab-container-item id="tag">
        <tag></tag>
      </mt-tab-container-item>
    </mt-tab-container>
  </div>
</template>

<script>
import Common from './comonTab/Common'
import Member from './memberTab/Member'
import Tag from './tagTab/Tag'
export default {
  data () {
    return {
      selectedTab: "common"
    }
  },
  components: {
    Common,
    Member,
    Tag
  }
}
</script>

<style scoped>

</style>
